<template>
  <div class="couponDetails">  
    <!-- <button @click="handerClick()">跳转</button> -->
    <div class="money">￥10</div>
    <button>去使用</button>
    <div class="time">有效期 2020-09-01 2020-09-01 06:00:00至2020.09.30 23:59:59</div>
    <ul>
      <li>· 不可与其他优惠券重叠使用</li>
      <li>· 参与活动商品：元气森林系列饮料</li>
      <li>· 参与活动设备：深圳书城点位的3号设备，红荔路点位的5号设备</li>
    </ul>
    <div class="use">
      <p>使用须知</p>
      <span>></span>
    </div>
    <div class="use address">
      <p>活动点位</p>
      <span>></span>
    </div>
  </div>
</template>

<script>

export default {
  data () {
    return {
      
    }
  },

  methods: {
    handerClick() {
      wx.navigateToMiniProgram({
        appId: 'wx8d2e0fad6757bea7',
        path: 'page/index/index',
        extraData: {
          foo: 'bar'
        },
        envVersion: 'develop',
        success(res) {
          // 打开成功
        }
      })
    }
  }
}
</script>

<style scoped lang="stylus">
  .couponDetails
    box-sizing border-box
    padding 0 20rpx
    .money
      text-align center
      color red
      margin 20rpx 0
    button
      width 240rpx
      height 80rpx
      display block
      text-align center
      line-height 80rpx
      font-size 32rpx
      color #fff
      background #c79e4d
    .time
      font-size 24rpx
      margin 20rpx 0
    .use
      display flex
      justify-content space-between
      border-top 2rpx solid #ccc
      line-height 80rpx
    ul
      border-top 2rpx solid #ccc
      padding 20rpx 0
      li
        font-size 28rpx
        line-height 40rpx
        
</style>
